<template>
    <!-- 当通过params传参后，可在路由组件中使用$route.params来访问这些传递过来的参数 -->
    <div>
        <p href="javascript:">消息ID：{{id}}</p><br>
        <p href="javascript:">消息标题：{{title}}</p>
    </div>
</template>

<script>
export default {
    name:'Detail',
    // 需要在目标组件定义props接收在路由配置中的props配置中传递过来的参数
    props:['id','title']
}
</script>

<style scoped>
    p{
        background-color: cadetblue;
    }
</style>